<?php
/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
?>

<?php $this->renderPartial('nav_theme'); ?>

<div class="container">

    <div class="logo"><img src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/logo.svg" alt="Logo"></div>

    <?php $this->renderPartial('nav_social'); ?>

    <?php $this->renderPartial('nav_menu'); ?>

    <section class="content">

        <article class="work">

            <h2>My projects</h2>
            <ul class="projects">
                <li>
                    <figure>
                        <a href="<?php print Yii::app()->createUrl('/heri_setiyawan/project', array('id' => 1)); ?>">
                            <img src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/1.jpg" alt="My Image">
                            <div>
                                <span class="icon-folder"></span>
                            </div>
                        </a>
                        <figcaption>
                            <h4>Summer Shooting</h4>
                            <p>This is a project with an Image Slider. A perfect Showcase for Designers and Photographers.</p>
                        </figcaption>
                    </figure>
                </li>
                <li>
                    <figure>
                        <a href="<?php print Yii::app()->createUrl('/heri_setiyawan/project', array('id' => 2)); ?>">
                            <img src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/design/1.jpg" alt="My Image">
                            <div>
                                <span class="icon-folder"></span>
                            </div>
                        </a>
                        <figcaption>
                            <h4>Facebook Redesign</h4>
                            <p>This is a project with an Image Slider. A perfect Showcase for Designers and Photographers.</p>
                        </figcaption>
                    </figure>
                </li>
                <li>
                    <figure>
                        <a href="<?php print Yii::app()->createUrl('/heri_setiyawan/project', array('id' => 3)); ?>">
                            <img src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/design/3.jpg" alt="My Image">
                            <div>
                                <span class="icon-folder"></span>
                            </div>
                        </a>
                        <figcaption>
                            <h4>Nike Website</h4>
                            <p>This is a project with a Lightbox Gallery. Support for Images, Videos and Custom Content. Perfect for every Project!</p>
                        </figcaption>
                    </figure>
                </li>
                <li>
                    <figure>
                        <a href="<?php print Yii::app()->createUrl('/heri_setiyawan/project', array('id' => 1)); ?>">
                            <img src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/design/4.jpg" alt="My Image">
                            <div>
                                <span class="icon-folder"></span>
                            </div>
                        </a>
                        <figcaption>
                            <h4>Google+ App</h4>
                            <p>This is a project with an Image Slider. A perfect Showcase for Designers and Photographers.</p>
                        </figcaption>
                    </figure>
                </li>
                <li>
                    <figure>
                        <a href="<?php print Yii::app()->createUrl('/heri_setiyawan/project', array('id' => 2)); ?>">
                            <img src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/design/2.jpg" alt="My Image">
                            <div>
                                <span class="icon-folder"></span>
                            </div>
                        </a>
                        <figcaption>
                            <h4>Personal Website Design</h4>
                            <p>This is a project with an Image Slider. A perfect Showcase for Designers and Photographers.</p>
                        </figcaption>
                    </figure>
                </li>
                <li>
                    <figure>
                        <a href="<?php print Yii::app()->createUrl('/heri_setiyawan/project', array('id' => 3)); ?>">
                            <img src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/3.jpg" alt="My Image">
                            <div>
                                <span class="icon-folder"></span>
                            </div>
                        </a>
                        <figcaption>
                            <h4>Various Photography</h4>
                            <p>This is a project with a Lightbox Gallery. Support for Images, Videos and Custom Content. Perfect for every Project!</p>
                        </figcaption>
                    </figure>
                </li>
            </ul>
            <!-- Projects End -->

            <h2>My work</h2>

            <ul class="gridfilter">
                <li class="filter" data-filter="all">Show All</li>
                <li class="filter" data-filter="webdesign">Webdesign</li>
                <li class="filter" data-filter="photography">Photography</li>
                <li class="filter" data-filter="branding">Logo Branding</li>
                <li class="filter" data-filter="uiux">UI / UX</li>
            </ul>

            <ul class="work-grid">

                <li class="mix webdesign">
                    <figure>
                        <a class="swipebox" href="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/1.jpg" title="This is my description">
                            <img src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/1.jpg" alt="Image">
                            <div>
                                <span class="icon-search"></span>
                            </div>
                        </a>

                    </figure>
                </li>
                <li class="mix webdesign">
                    <figure>
                        <a class="swipebox" href="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/2.jpg" title="This is my description">
                            <img src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/2.jpg" alt="Image">
                            <div>
                                <span class="icon-search"></span>
                            </div>
                        </a>

                    </figure>
                </li>
                <li class="mix webdesign">
                    <figure>
                        <a class="swipebox" href="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/3.jpg" title="This is my description">
                            <img src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/3.jpg" alt="Image">
                            <div>
                                <span class="icon-search"></span>
                            </div>
                        </a>

                    </figure>
                </li>
                <li class="mix uiux">
                    <figure>
                        <a class="swipebox" href="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/4.jpg" title="This is my description">
                            <img src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/4.jpg" alt="Image">
                            <div>
                                <span class="icon-search"></span>
                            </div>
                        </a>

                    </figure>
                </li>
                <li class="mix webdesign">
                    <figure>
                        <a class="swipebox" href="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/5.jpg" title="This is my description">
                            <img src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/5.jpg" alt="Image">
                            <div>
                                <span class="icon-search"></span>
                            </div>
                        </a>

                    </figure>
                </li>
                <li class="mix branding">
                    <figure>
                        <a class="swipebox" href="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/6.jpg" title="This is my description">
                            <img src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/6.jpg" alt="Image">
                            <div>
                                <span class="icon-search"></span>
                            </div>
                        </a>

                    </figure>
                </li>
                <li class="mix photography">
                    <figure>
                        <a class="swipebox" href="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/7.jpg" title="This is my description">
                            <img src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/7.jpg" alt="Image">
                            <div>
                                <span class="icon-search"></span>
                            </div>
                        </a>

                    </figure>
                </li>
                <li class="mix branding">
                    <figure>
                        <a class="swipebox" href="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/8.jpg" title="This is my description">
                            <img src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/8.jpg" alt="Image">
                            <div>
                                <span class="icon-search"></span>
                            </div>
                        </a>

                    </figure>
                </li>
                <li class="mix photography">
                    <figure>
                        <a class="swipebox" href="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/9.jpg" title="This is my description">
                            <img src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/9.jpg" alt="Image">
                            <div>
                                <span class="icon-search"></span>
                            </div>
                        </a>

                    </figure>
                </li>
                <li class="mix photography">
                    <figure>
                        <a class="swipebox" href="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/10.jpg" title="This is my description">
                            <img src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/10.jpg" alt="Image">
                            <div>
                                <span class="icon-search"></span>
                            </div>
                        </a>

                    </figure>
                </li>
                <li class="mix uiux">
                    <figure>
                        <a class="swipebox" href="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/11.jpg" title="This is my description">
                            <img src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/11.jpg" alt="Image">
                            <div>
                                <span class="icon-search"></span>
                            </div>
                        </a>

                    </figure>
                </li>
                <li class="mix photography">
                    <figure>
                        <a class="swipebox" href="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/12.jpg" title="This is my description">
                            <img src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/12.jpg" alt="Image">
                            <div>
                                <span class="icon-search"></span>
                            </div>
                        </a>

                    </figure>
                </li>
                <li class="mix uiux">
                    <figure>
                        <a class="swipebox" href="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/13.jpg" title="This is my description">
                            <img src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/work/photography/13.jpg" alt="Image">
                            <div>
                                <span class="icon-search"></span>
                            </div>
                        </a>

                    </figure>
                </li>
            </ul>
            <!-- Work Grid End -->

        </article>

    </section>
    <!-- Content End -->

</div>
<!-- Container End -->

<!-- Add your scripts here -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/js/plugins.js"></script>
<script src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/js/jquery.mixitup.js"></script>
<script src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/js/jquery.swipebox.js"></script>

<script>
    var navigation = responsiveNav("#nav", {
        animate: true, // Boolean: Use CSS3 transitions, true or false
        transition: 400, // Integer: Speed of the transition, in milliseconds
        label: "", // String: Label for the navigation toggle
        insert: "before", // String: Insert the toggle before or after the navigation
        customToggle: "", // Selector: Specify the ID of a custom toggle
        openPos: "relative", // String: Position of the opened nav, relative or static
        jsClass: "js", // String: 'JS enabled' class which is added to <html> el
        init: function() {
        }, // Function: Init callback
        open: function() {
        }, // Function: Open callback
        close: function() {
        }   // Function: Close callback
    });
</script>

<script>
    $(function() {
        $('.work-grid').mixitup();
    });

    $(function($) {
        $(".swipebox").swipebox();
    });
</script>
